<template>
  <div class="aa">
    <Headersxqy :cherai="cherai" />
    <div class="aaa">
      <div class="ccc">
        您所在位置&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;首页·招生工作·博士研究生·通知公告
      </div>
      <div class="a">
        <span>2021年迎接新同学</span>
      </div>
      <div class="b">
        <span>来源： 军科研究生院</span>
        <span>2021-09-08 21:34</span>
        <span>浏览量：5326</span>
        <span style="margin-left: 500px"
          ><img
            src="@/assets/imgs/n.png"
            alt=""
            style="width: 24px; height: 24px"
          />质疑/投诉</span
        >
      </div>
      <div class="c">
        <span
          >金风送爽，丹桂飘香。跟随着秋天的脚步，研究生院2021级新生500余人如期踏进军科大门。金风送爽，丹桂飘香。跟随着秋天的脚步，
          研究生院2021级新生500余人如期踏进军科大门。<br />
          戳视频感受一下现场气氛~ <br />
          为保证报到顺利进行，假期期间，研究生院领导先后3次组织召开疫情防控领导小组会议，多次调整优化新生开学报到方案。
        </span>
      </div>
      <div class="d">
        <img src="@/assets/imgs/w.png" alt="" class="dd" />
      </div>
      <div class="e">
        <span
          >报到现场，扫码区、查验区、测温区等每个区域专人负责，入学手续“一气呵成”；<br />
          “健康码”绿码、“通行大数据行程卡”绿码、48小时内核酸阴性检测证明等“必考科目”一项不落。<br />
          研究生院还积极协调军事医学研究院门诊部，为全体新生进行现场核酸二次检测。<br />
          针对中、高风险地区未能按时报到的学员，研究生院做好了线上同步教学准备，保证每名学员不掉队、不落课。<br />
          研究生院还利用假期时间，为阶梯教室更换全套桌椅，配备新的高清投影，安装自助微型阅览室等，让大家拥有舒适、安全的生活学习环境。<br />
          一张张录取通知书见证着广大学子努力拼搏的涔涔汗水跨越山海，共赴理想“研”途有你，未来可期！</span
        >
      </div>
      <div class="f">
        <span>附件一：训练培训指挥军官.doc</span>
        <span style="margin-left: 70px; color: #007fff">下载</span>
        <span style="margin-left: 6px; color: #007fff">预览</span>
      </div>
      <div class="f" style="margin-top: 8px">
        <span>附件二：训练培训文本.doc</span>
        <span style="margin-left: 103px; color: #007fff">下载</span>
        <span style="margin-left: 6px; color: #007fff">预览</span>
      </div>
      <div class="kuang">
        <div
          style="
            background-color: #b21315;
            font-family: Source Han Sans CN;
            font-weight: 500;
            color: #ffffff;
            font-size: 26px;
          "
        >
          通知公告
        </div>
        <div>招生简章</div>
        <div>招生专业内容</div>
      </div>
      <div class="h">
        <span
          ><img
            src="@/assets/imgs/p.png"
            alt=""
            style="width: 24px; height: 24px"
          />点赞</span
        >
        <span
          ><img
            src="@/assets/imgs/q.png"
            alt=""
            style="width: 24px; height: 24px"
          />收藏</span
        >
      </div>
      <div class="i">
        <span>发布评论</span>
      </div>
      <div class="j">
        <div style="height: 110px">
          <span
            style="
              font-family: Source Han Sans CN;
              color: #999999;
              font-size: 18px;
              line-height: 50px;
              margin-left: 40px;
            "
            >输入您想发表的评论…</span
          >
        </div>
        <div class="j-a">
          <div
            style="
              width: 800px;
              height: 60px;
              background-color: #e4e4e4;
              border-radius: 5px;
            "
          >
            <img
              src="@/assets/imgs/r.png"
              alt=""
              style="
                width: 0px;
                height: 24px;
                margin-bottom: 14px;
                margin-left: 74px;
              "
            />
            <span
              style="
                font-family: Source Han Sans CN;
                color: #999999;
                font-size: 24px;
              "
              >用户123</span
            >
          </div>
          <div
            style="
              width: 300px;
              background-color: #b21315;
              border-radius: 5px;
              line-height: 60px;
            "
          >
            <span style="margin-left:110px">登录后评论</span>
          </div>
        </div>
      </div>
      <div class="i">
        <span>热门评论</span>
      </div>
      <div class="k"></div>
      <div class="l" style="width:1100px" v-for="item in 2" :key="item">
        <div
          style="
          width:800px
            margin-top: 20px;
            font-family: Source Han Sans CN;
            color: #666666;
            font-size: 24px;
          "
        >
          <span>用户123</span>
        </div>
        <div
          style="
            margin-top: 5px;
            height: 51px;
            font-family: Source Han Sans CN;
            color: #333333;
            font-size: 18px;
          "
        >
          <span>真辛苦</span>
        </div>
        <div
          style="
            margin-top: 3px;
            font-family: Source Han Sans CN;
            color: #999999;
            font-size: 16px;
            margin-bottom: 11px;
          "
        >
          <span>2021.10.14</span>
        </div>
      </div>
      <div class="w">
        共有
        <span style="color:rgba(255, 0, 0, 1);font-weight:700 ;">214人</span
        >参与评论，登录后查看更多评论
      </div>
    </div>
    <Bottom style="margin-top:135px" />
    <Topnav />
  </div>
</template>

<script>
import Topnav from "@/components/topnav.vue";
import Bottom from "@/components/bottom.vue";
import Headersxqy from "@/components/headersxqy.vue";
export default {
  name: "",
  data() {
    return {
      cherai: {
        title: "院部概况",
        imgherf: "@/assets/imgs/m.png"
      }
    };
  },
  components: {
    Topnav,
    Bottom,
    Headers,
    Headersxqy
  },
  methods: {}
};
</script>

<style lang="scss" scoped>
.ccc {
  height: 20px;
  font-family: Source Han Sans CN;
  font-weight: 700;
  color: #666666;
  font-size: 20px;
  margin-top: 75px;
  margin-left: 170px;
}
.a > span {
  width: 234px;
  height: 28px;
  font-family: Source Han Sans CN;
  font-weight: 700;
  color: #333333;
  font-size: 28px;
}
.a {
  margin-left: 170px;
  margin-top: 60px;
}
.b > span {
  margin-right: 25px;
  font-family: Source Han Sans CN;
  color: #666666;
  font-size: 16px;
}
.b {
  margin-left: 170px;
  margin-top: 16px;
}
.c > span {
  width: 1100px;
  height: 138px;
  font-family: Source Han Sans CN;
  color: #666666;
  font-size: 18px;
  line-height: 30px;
}
.c {
  width: 1100px;
  margin-left: 170px;
  margin-top: 35px;
}
.dd {
  height: 592px;
  width: 1100px;
  margin-left: 170px;
  margin-top: 25px;
}
.e {
  margin-top: 40px;
  margin-left: 170px;
  width: 1100px;
  height: 379px;
}
.e > span {
  font-family: Source Han Sans CN;
  color: #666666;
  font-size: 18px;
  line-height: 30px;
}
.f {
  margin-left: 170px;
  margin-top: 28px;
}
.kuang {
  width: 270px;
  height: 255px;
  position: absolute;
  top: 737px;
  left: 1450px;
  text-align: center;
}
.kuang > div {
  height: 80px;
  background-color: #e4e4e4;
  margin-bottom: 5px;
  line-height: 80px;
  font-family: Source Han Sans CN;
  font-weight: 500;
  color: #666666;
  font-size: 26px;
}
.h > span {
  width: 101px;
  height: 42px;
  border: 1px solid;
  border-color: #707070;
  border-radius: 80px;
  margin-right: 19px;
  font-family: Source Han Sans CN;
  color: #666666;
  font-size: 16px;
}
.h {
  width: 150px;
  height: 60px;
  margin: auto;
  margin-top: 100px;
}
.i > span {
  width: 104px;
  height: 26px;
  font-family: Source Han Sans CN;
  font-weight: 700;
  color: #333333;
  font-size: 26px;
}
.i {
  margin-left: 175px;
  margin-top: 45px;
}
.j {
  width: 1100px;
  height: 172px;
  border: 1px solid;
  border-color: #999999;
  border-radius: 5px;
  margin-left: 170px;
  margin-top: 20px;
}
.j-a {
  display: flex;
}
.k {
  width: 1100px;
  height: 0px;
  border: 1px solid;
  border-color: #999999;
  margin-left: 170px;
  margin-top: 20px;
}
.l {
  margin-left: 170px;
  border-bottom: 1px dashed #999999;
}
.w {
  width: 650px;
  height: 60px;
  background-color: #e4e4e4;
  border-radius: 5px;
  margin-top: 90px;
  margin-left: 395px;
  line-height: 60px;
  text-align: center;
  font-family: Source Han Sans CN;
  color: #999999;
  font-size: 24px;
}
</style>
